<!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
</head>
<style>
    .div1{background-color: rgb(61, 161, 236);width:20%;height: 100%;padding:30px;border-radius: 8px;}
    .div2{background-color: rgb(226, 146, 16);width:20%;height: 100%;padding:30px;border-radius: 8px;}
    .div3{background-color: rgb(88, 211, 75);width:20%;height: 100%;padding:30px;border-radius: 8px;}


    .div1 .div2 .div3 span {
        width: 40px;
        height: 10px;
        /* 设置盒子为行内块 */
        display: inline-block;
        background-color: skyblue;
        /* 设置盒子内元素水平居中 */
        text-align: center;
        /* 设置盒子内容垂直居中 */
        line-height: 40px;
    }
    .row {
        margin: 0 -0.5rem;
    }

    .row .col {
        padding: 0 0.5rem;
    }
</style>
<body>

<div class="container">
    <div class="row" style="margin: fill">
        <div class="col-md-4 div1">
            <a style="float: left;width: max-content;color: cyan;text-decoration:none;" href="/wui/index.html#/main/workflow/listDoing?menuIds=1,13&menuPathIds=1,13" target="_blank"><h4>我的待办</h4></a>
            <span style="float: right;width: max-content;color: cyan;"><h4>100</h4></span>
        </div>

        <div class="col-md-4 div2">
            <a style="float: left;width: max-content;color: cyan;text-decoration:none;" href="/wui/index.html#/main/workflow/listMine?menuIds=1,14&menuPathIds=1,14" target="_blank"><h4>我的流程</h4></a>
            <span style="float: right;width: max-content;color: cyan;"><h4>200</h4></span>
        </div>

        <div class="col-md-4 div3">
            <a style="float: left;width: max-content;color: cyan;text-decoration:none;" href="/wui/index.html#/main/wp/myWorkPlan?menuIds=140,60&menuPathIds=140,60" target="_blank"><h4>我的日程</h4></a>
            <span style="float: right;width: max-content;color: cyan;"><h4>300</h4></span>
        </div>
    </div>
</div>

</body>
</html>



